<template>
  <UploadExcel :on-success="onSuccess" />
</template>

<script>
import { importEmployee } from '@/api/employees'

export default {
  methods: {
    async onSuccess(data) {
      if (this.$route.query.type === 'employee') {
        console.log(data)
        // 这里可以得到数据包括 headers 表头 和 results 行数据
        // 其中行数据就是员工数据对象组成的数组, 不过key全部是中文
        // 需要转换成英文再发送给后端

        // 1. 创建一个对象方便后面查找对应的英文表达(字典)
        const oldUserData = data.results
        const dict = {
          '入职日期': 'timeOfEntry',
          '手机号': 'mobile',
          '姓名': 'username',
          '转正日期': 'correctionTime',
          '工号': 'workNumber'
        }

        // 2. 遍历员工数组拿到每一个员工对象转换成英文 key 输出新的结果数组
        const userData = oldUserData.map(user => {
        // 这里就应该对员工对象进行处理返回结果
        // user 就是对象
        // {
        //    姓名: 'tom'
        // },
        // 我需要做的就是遍历这个对象的每一个属性, 将 key 转换成 英文以后组成一个新对象返回
          console.log(user)

          return this.cnToEn(user, dict)
        })

        console.log(userData)

        // 转换完数据以后, 发送请求
        await importEmployee(userData)
        this.$router.back()
      } else {
        console.log('准备以后添加其他类型的导入操作')
      }
    },
    cnToEn(user, dict) {
      const newUser = {}
      for (const cnKey in user) {
        // 遍历员工对象里面的每个属性
        // 1. 拿到英文key
        const enKey = dict[cnKey]
        // 2. 拿到对应 value 值
        let value = user[cnKey]
        // 例外情况日期的处理
        if (enKey === 'timeOfEntry' || enKey === 'correctionTime') {
          value = new Date(this.formatDate(value, '/'))
        }
        // 就可以将对应的属性转换成 enKey: value 这样的结构
        newUser[enKey] = value
      }

      return newUser
    },
    formatDate(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + month + format + date
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}
</script>

<style>

</style>
